@import "variables";

huanqiu{
  .universal-banner{
    width: 100%;
    img{
      display: block;
      width: 100%;
    }
  }
  h2{
    text-align: center;
    font-size: pxTorem(36);
    color: color($h5,c2);
    line-height: pxTorem(36);
    margin-bottom: pxTorem(40);
  }
  .info-bg{
    background: #edf0f5;
  }
  .universal-info,.universal-business,.universal-superiority{
    margin: 0 pxTorem(30) 0;
  }
  .universal-info{
    padding-top: pxTorem(50) ;
    p{
      font-size: pxTorem(32);
      line-height: pxTorem(56);
      color: color($h5,c2);
    }
    img{
      width: 100%;
      margin: pxTorem(26) 0 pxTorem(46);
    }
  }
  .universal-business{
    padding-top: pxTorem(50) ;
    h2{
      margin-bottom: pxTorem(50);
    }
    .business-item{
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      margin-bottom: pxTorem(20);
      .business-left{
        display: inline-block;
        width: 30%;
        height: auto;
        margin: 0 pxTorem(20) 0 0;
      }
      .business-right{
        display: inline-block;
        white-space: normal;
      }
    }
  }

  .universal-superiority{
    padding-top: pxTorem(60) ;
    h2{
      margin-bottom: pxTorem(50);
    }
    .superiority-item{
      display: flex;
      flex-direction: column;
      flex-grow: 1;
    }
    .superiority-top{
      width: 65%;
    }
    .superiority-bottom{
      margin-top: pxTorem(20);
      margin-bottom: pxTorem(50);
      strong{
        display: block;
        text-align: center;
        font-size: pxTorem(28);
        line-height: pxTorem(48);
        color: color($h5,c2);
      }
    }

  }
  //合作伙伴
  .detail-box {
    padding: pxTorem(50) pxTorem(30);
    margin-bottom: 0;
    color: #333333;
    .title{
      font-size: pxTorem(36);
      margin-bottom: pxTorem(40);
      text-align: center;
    }
  }
  .partner-box{
    .nav{
      margin:auto;
      text-align: center;
      a{
        display: inline-block;
        width: pxTorem(137);
        height: pxTorem(50);
        border-radius: pxTorem(25);
        text-align: center;
        line-height: pxTorem(50);
        font-size: pxTorem(28);
        color:#333333;
      }
      a.active{
        background: color($h5,c1);
        margin:0 pxTorem(20);
        color:#FFFFFF;

      }
    }
    .partner-img{
      margin-top: pxTorem(40);
      img{
        width: 100%;
      }
    }
  }
  .connect-box{
    background: url(#{$images-path}/partner/renmin/H5renmin_32.png) no-repeat center center/cover;
    margin-bottom: 0;
    color:#FFFFFF;
    div{
      margin-bottom: pxTorem(40);
      font-size: pxTorem(28);
      line-height: pxTorem(46);
      display: flex;
      img{
        width: pxTorem(30);
        display: inline-block;
      }
      p:first-child{
        width: pxTorem(60);
      }
      p:last-child{
        width: 85%;
      }
    }
  }
}
